@charset "utf-8";
@import "reset";

body{
    width: 100vw;
    height: 100vh;
    overflow-x: hidden; //强制去除横纵滚动条
    overflow-y: hidden; //强制去除纵轴滚动条
    .wrap{
        width: 100%;
        height: 100%;
        // width: vw(750);
        // height: vw(1136);
        background-image: url(../img/bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        .header{
            width: 100%;
            height: vw(194);
            display: flex;
            justify-content: center;
    
            .logo{
                width: vw(221);
                height: vw(194); 
            }
        }
    
        .main {
            form{
                width: 100vw;
                height: vw(380);
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                align-items: center;
    
                div{
                    width: vw(576);
                    height: vw(76);
                    border-radius: 15vw;
                    background-color: #7acbeb;
                    opacity: 0.5;
                    display: flex;
                    justify-content: end;
                    align-items: center;
                    span{
                        // width: vw(200);
                        // height: vw(76);
                        // text-align: center;
                        // display: flex;
                        // justify-content: flex-end;
                        font-size: vw(30);
                        font-weight: bolder;
                        // background-color: black;
                    }
    
                    input{
                        width: vw(380);
                        height: vw(76);
                        border: 1vw solid transparent;
                        background-color: transparent;
                        font-size: vw(30);
                        outline: none;
                    }
                }
            }
        }
    
        .footer{
            width: 100vw;
            display: flex;
            justify-content: space-evenly;
    
            button{
                width: vw(245);
                height: vw(76);
                border: 0;
                border-radius: 25vw;
                background-color: #b3d5e6;
                opacity: 0.8;
                box-shadow: vw(2) vw(2) vw(1) #888888;
                font-size: vw(28);
                font-weight: bolder;
                color: #0075c1;
            }
        }
    }
}
